extends ./layout/default_layout
block style
  style.
    .container{
      height: 100%;
    }
block container
  #videoInfo
    header
      .typeicon
      img.cover(src="")
      .infoBox
        .title 晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松奇谈谈晓松奇谈晓松奇谈晓松奇谈
        .user 路飞
        time 2016-12-28
        .bottom
          span.price ¥168
          span.comment 68
          span.star 69
      .arrow
    .tabBox
      .tabBtn
        button.btn.active 详情介绍
        button.btn 音频列表
      .tabPage
        .page.show
          p.introduce 《晓松奇谈》为一档周播文化类脱口秀节目，互联网脱口秀第一人高晓松的网络脱口秀节目。每集节目30分钟左右。由主讲人高晓松开谈天文地理，海外见闻，中西野史，并在节目中设置幽默动画版块以及网友互动环节，高晓松将在每期节目的末尾，回答网友的犀利提问。由后台配置
        .page
          p.total 共8个音频
          .item
            img.itemcover
            .info
              .itemTitle 《桃花岛》郭德纲于谦2016精选相声精选集集锦片花大全123
              .bar
                span.follow 45
                span.time 23:09
                button.try(style="display:none") 试听
                button.pay 付费
            .moment 刚刚
          .item
            img.itemcover
            .info
              .itemTitle 《桃花岛》郭德纲于谦2016精选相声精选集集锦片花大全123
              .bar
                span.follow 45
                span.time 23:09
                button.try 试听
                button.pay(style="display:none") 付费
            .moment 刚刚
          .item
            img.itemcover
            .info
              .itemTitle 《桃花岛》郭德纲于谦2016
              .bar
                span.follow 45
                span.time 23:09
                button.try 试听
                button.pay(style="display:none") 付费
            .moment 刚刚
    a.buy(href="/myAddress") 立即购买


  block js
    script.
      $(function(){
        var btn = $('.btn'),
            page = $('.page');
        $.each(btn,function(index){
          $(this).on('click',function(){
            btn.removeClass('active').eq(index).addClass('active');
            page.removeClass('show').eq(index).addClass('show');
          })
        })
      })
    




